<template>
  <el-config-provider :size="size" :z-index="zIndex">
    <router-view/>
  </el-config-provider>
</template>

<script lang="ts">
import { ref, Ref, defineComponent } from 'vue'
import { ElConfigProvider } from 'element-plus'

export default defineComponent({
  components: {
    ElConfigProvider,
  },
  setup() {
    type sizeType = "default" | "small" | "large"

    const size: Ref<sizeType> = ref('small')
    const zIndex: Ref<number|undefined> = ref(3000)

    return {
      zIndex,
      size,
    }
  },
})
</script>

<style lang="scss">
  @import url("./xlb-lib/styles/iflex.scss");


</style>
